<div class="admin-content">

    <div class="am-cf am-padding">
        <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">具体服务</strong> /
            <small>查询</small>
            <div>
                <a href="JavaScript:history.go(-1)">
                    <span class="glyphicon glyphicon-chevron-left"><<返回</span>
                </a>
            </div>
        </div>
    </div>

    <div class="am-g">
        <div class="am-u-sm-12">
            <form class="am-form">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th class="table-check"><input type="checkbox"/></th>
                        <th class="table-title">具体服务id</th>
                        <th class="table-title">具体服务名称</th>
                        <th class="table-id">具体服务logo</th>
                        <th class="table-set">具体服务内容</th>
                        <th class="table-set">具体服务照片</th>
                        <th class="table-set">具体服务详细</th>
                        <th class="table-set">具体服务价格</th>
                        <th class="table-set">具体服务排序</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr dir-paginate="serviceitem in serviceitems | filter:q | itemsPerPage: 8">
                        <td><input type="checkbox"/></td>
                        <td><a href="#">{{serviceitem.serviceitemid}}</a></td>
                        <td><a href="#">{{serviceitem.name}}</a></td>
                        <td><a href="#"><img class='obj' src="{{serviceitem.logo}}"/></a></td>
                        <td ><textarea class="mycss">{{serviceitem
                            .content}}</textarea></td>
                        <td class="am-hide-sm-only"><textarea class="mycss">{{serviceitem
                            .images}}</textarea></td>
                        <td class="am-hide-sm-only"><textarea class="mycss">{{serviceitem
                            .detail}}</textarea></td>
                        <td class="am-hide-sm-only">{{serviceitem.price | currency:'￥'}}</td>
                        <td class="am-hide-sm-only">{{serviceitem.seq}}</td>
                        <td>
                            <div class="am-btn-toolbar">
                                <div class="am-btn-group am-btn-group-xs">
                                    <a class="am-text-secondary"
                                       ui-sref="mealplan.serviceitemdetail({serviceitemid:serviceitem.serviceitemid})"><span
                                            class="am-icon-pencil-square-o"></span> 查看详情</a>
                                    <button class="am-btn am-btn-default am-btn-xs am-text-danger am-hide-sm-only" confirmed-click="remove(serviceitem)" ng-confirm-click="确定删除这个用户 '{{serviceitem.name}}'"><span
                                            class="am-icon-trash-o"></span> 删除</button>
                                </div>
                            </div>
                        </td>
                    </tr>

                    </tbody>
                </table>
                <div class="am-cf">
                    <div class="text-center">
                        <dir-pagination-controls boundary-links="true" on-page-change="pageChangeHandler(newPageNumber)"
                                                 template-url="tpls/pagination/dirPagination.tpl.html"></dir-pagination-controls>
                    </div>
                </div>
                <hr/>
                <p>注：点击ID可以查看具体详情....</p>
            </form>
            <!--</div>-->

        </div>
    </div>